﻿<!DOCTYPE html>
<html>
  <head>
    <title>4.1 手机号登录</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
    <link href="resources/css/axure_rp_page.css" type="text/css" rel="stylesheet"/>
    <link href="data/styles.css" type="text/css" rel="stylesheet"/>
    <link href="files/4_1_手机号登录/styles.css" type="text/css" rel="stylesheet"/>
    <script src="resources/scripts/jquery-3.2.1.min.js"></script>
    <script src="resources/scripts/axure/axQuery.js"></script>
    <script src="resources/scripts/axure/globals.js"></script>
    <script src="resources/scripts/axutils.js"></script>
    <script src="resources/scripts/axure/annotation.js"></script>
    <script src="resources/scripts/axure/axQuery.std.js"></script>
    <script src="resources/scripts/axure/doc.js"></script>
    <script src="resources/scripts/messagecenter.js"></script>
    <script src="resources/scripts/axure/events.js"></script>
    <script src="resources/scripts/axure/recording.js"></script>
    <script src="resources/scripts/axure/action.js"></script>
    <script src="resources/scripts/axure/expr.js"></script>
    <script src="resources/scripts/axure/geometry.js"></script>
    <script src="resources/scripts/axure/flyout.js"></script>
    <script src="resources/scripts/axure/model.js"></script>
    <script src="resources/scripts/axure/repeater.js"></script>
    <script src="resources/scripts/axure/sto.js"></script>
    <script src="resources/scripts/axure/utils.temp.js"></script>
    <script src="resources/scripts/axure/variables.js"></script>
    <script src="resources/scripts/axure/drag.js"></script>
    <script src="resources/scripts/axure/move.js"></script>
    <script src="resources/scripts/axure/visibility.js"></script>
    <script src="resources/scripts/axure/style.js"></script>
    <script src="resources/scripts/axure/adaptive.js"></script>
    <script src="resources/scripts/axure/tree.js"></script>
    <script src="resources/scripts/axure/init.temp.js"></script>
    <script src="resources/scripts/axure/legacy.js"></script>
    <script src="resources/scripts/axure/viewer.js"></script>
    <script src="resources/scripts/axure/math.js"></script>
    <script src="resources/scripts/axure/jquery.nicescroll.min.js"></script>
    <script src="data/document.js"></script>
    <script src="files/4_1_手机号登录/data.js"></script>
    <script type="text/javascript">
      $axure.utils.getTransparentGifPath = function() { return 'resources/images/transparent.gif'; };
      $axure.utils.getOtherPath = function() { return 'resources/Other.html'; };
      $axure.utils.getReloadPath = function() { return 'resources/reload.html'; };
    </script>
  </head>
  <body>
    <div id="base" class="">

      <!-- 标题栏 (动态面板) -->
      <div id="u706" class="ax_default" data-label="标题栏">
        <div id="u706_state0" class="panel_state" data-label="状态1" style="">
          <div id="u706_state0_content" class="panel_state_content">

            <!-- Unnamed (矩形) -->
            <div id="u707" class="ax_default _形状">
              <div id="u707_div" class=""></div>
              <div id="u707_text" class="text ">
                <p><span>&nbsp;&nbsp;&nbsp; 4.1 手机号登录</span></p>
              </div>
            </div>

            <!-- Unnamed (圆形) -->
            <div id="u708" class="ax_default _形状">
              <img id="u708_img" class="img " src="images/更新日志/u245.svg"/>
              <div id="u708_text" class="text ">
                <p><span>新</span></p>
              </div>
            </div>
          </div>
        </div>
      </div>

      <!-- Unnamed (作者简介) -->

      <!-- 标题栏 (动态面板) -->
      <div id="u710" class="ax_default" data-label="标题栏">
        <div id="u710_state0" class="panel_state" data-label="状态1" style="">
          <div id="u710_state0_content" class="panel_state_content">

            <!-- Unnamed (矩形) -->
            <div id="u711" class="ax_default _形状">
              <div id="u711_div" class=""></div>
              <div id="u711_text" class="text ">
                <p><span>作者姓名&nbsp; |&nbsp; 联系方式</span></p>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div id="u709" style="display:none; visibility:hidden;"></div>

      <!-- Unnamed (矩形) -->
      <div id="u712" class="ax_default _形状">
        <div id="u712_div" class=""></div>
        <div id="u712_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u713" class="ax_default _一级标题">
        <div id="u713_div" class=""></div>
        <div id="u713_text" class="text ">
          <p><span>1.手机号登录-密码登录</span></p>
        </div>
      </div>

      <!-- Unnamed (圆形) -->
      <div id="u714" class="ax_default _形状">
        <img id="u714_img" class="img " src="images/4_0_本机号码登录/u701.svg"/>
        <div id="u714_text" class="text ">
          <p><span>1</span></p>
        </div>
      </div>

      <!-- Unnamed (圆形) -->
      <div id="u715" class="ax_default _形状">
        <img id="u715_img" class="img " src="images/4_0_本机号码登录/u701.svg"/>
        <div id="u715_text" class="text ">
          <p><span>2</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u716" class="ax_default _一级标题">
        <div id="u716_div" class=""></div>
        <div id="u716_text" class="text ">
          <p style="font-size:13px;"><span style="font-family:'PingFangHK-Semibold', 'PingFang HK Semibold', 'PingFang HK', sans-serif;font-weight:650;font-style:normal;color:#000000;">1. </span><span style="font-family:'Arial Negreta', 'Arial Normal', 'Arial', sans-serif;font-weight:700;font-size:14px;color:#000000;">清空按钮</span></p><p style="font-size:14px;"><span style="font-family:'Arial Normal', 'Arial', sans-serif;font-weight:400;color:#7F7F7F;">有号码输入出现清空按钮</span></p>
        </div>
      </div>

      <!-- Unnamed (线段) -->
      <div id="u717" class="ax_default _水平线">
        <img id="u717_img" class="img " src="images/4_1_手机号登录/u717.svg"/>
        <div id="u717_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (圆形) -->
      <div id="u718" class="ax_default _形状">
        <img id="u718_img" class="img " src="images/4_0_本机号码登录/u701.svg"/>
        <div id="u718_text" class="text ">
          <p><span>1</span></p>
        </div>
      </div>

      <!-- Unnamed (圆形) -->
      <div id="u719" class="ax_default _形状">
        <img id="u719_img" class="img " src="images/4_0_本机号码登录/u701.svg"/>
        <div id="u719_text" class="text ">
          <p><span>1</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u720" class="ax_default _一级标题">
        <div id="u720_div" class=""></div>
        <div id="u720_text" class="text ">
          <p style="font-size:14px;"><span style="color:#000000;">2. 登录按钮</span></p><p style="font-size:13px;"><span style="color:#7F7F7F;">当电话号码和密码输入完后，按钮状态发生变化</span></p><p style="font-size:13px;"><span style="color:#7F7F7F;">登录按钮等待状态 </span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u721" class="ax_default _形状">
        <div id="u721_div" class=""></div>
        <div id="u721_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u722" class="ax_default _形状">
        <div id="u722_div" class=""></div>
        <div id="u722_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u723" class="ax_default _一级标题">
        <div id="u723_div" class=""></div>
        <div id="u723_text" class="text ">
          <p><span>登录界面</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u724" class="ax_default _形状">
        <div id="u724_div" class=""></div>
        <div id="u724_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u725" class="ax_default" data-left="448" data-top="657" data-width="40" data-height="40">

        <!-- Unnamed (圆形) -->
        <div id="u726" class="ax_default ellipse">
          <img id="u726_img" class="img " src="images/4_0_本机号码登录/u680.svg"/>
          <div id="u726_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- Unnamed (形状) -->
        <div id="u727" class="ax_default icon">
          <img id="u727_img" class="img " src="images/4_0_本机号码登录/u681.svg"/>
          <div id="u727_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u728" class="ax_default" data-left="596" data-top="657" data-width="40" data-height="40">

        <!-- Unnamed (圆形) -->
        <div id="u729" class="ax_default ellipse">
          <img id="u729_img" class="img " src="images/4_0_本机号码登录/u683.svg"/>
          <div id="u729_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- Unnamed (SVG) -->
        <div id="u730" class="ax_default _图片_">
          <img id="u730_img" class="img " src="images/4_0_本机号码登录/u684.svg"/>
          <div id="u730_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u731" class="ax_default" data-left="670" data-top="657" data-width="40" data-height="40">

        <!-- Unnamed (圆形) -->
        <div id="u732" class="ax_default ellipse">
          <img id="u732_img" class="img " src="images/4_0_本机号码登录/u683.svg"/>
          <div id="u732_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- Unnamed (SVG) -->
        <div id="u733" class="ax_default _图片_">
          <img id="u733_img" class="img " src="images/4_0_本机号码登录/u687.svg"/>
          <div id="u733_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (SVG) -->
      <div id="u734" class="ax_default _图片_">
        <img id="u734_img" class="img " src="images/4_0_本机号码登录/u688.svg"/>
        <div id="u734_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (形状) -->
      <div id="u735" class="ax_default line">
        <img id="u735_img" class="img " src="images/4_0_本机号码登录/u689.svg"/>
        <div id="u735_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (形状) -->
      <div id="u736" class="ax_default label">
        <img id="u736_img" class="img " src="images/4_0_本机号码登录/u690.svg"/>
        <div id="u736_text" class="text ">
          <p><span>其他登录方式</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u737" class="ax_default _文本段落">
        <div id="u737_div" class=""></div>
        <div id="u737_text" class="text ">
          <p><span style="color:#AAAAAA;">登录注册即表明您已阅读并同意</span><span style="color:#D7D7D7;"> </span><span style="color:#70B603;">用户协议</span><span> </span><span style="color:#AAAAAA;">和 </span><span style="color:#70B603;">隐私政策 </span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u738" class="ax_default _三级标题">
        <div id="u738_div" class=""></div>
        <div id="u738_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u739" class="ax_default _形状">
        <div id="u739_div" class=""></div>
        <div id="u739_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u740" class="ax_default _三级标题">
        <div id="u740_div" class=""></div>
        <div id="u740_text" class="text ">
          <p><span>本机号码一键登录</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u741" class="ax_default _三级标题">
        <div id="u741_div" class=""></div>
        <div id="u741_text" class="text ">
          <p><span>186 **** 8888</span></p>
        </div>
      </div>

      <!-- Unnamed (形状) -->
      <div id="u742" class="ax_default label">
        <img id="u742_img" class="img " src="images/4_1_手机号登录/u742.svg"/>
        <div id="u742_text" class="text ">
          <p><span>密码登录仅适用于已注册的用户</span></p>
        </div>
      </div>

      <!-- Unnamed (连接) -->
      <div id="u743" class="ax_default _连接线">
        <img id="u743_seg0" class="img " src="images/4_1_手机号登录/u743_seg0.svg" alt="u743_seg0"/>
        <img id="u743_seg1" class="img " src="images/4_1_手机号登录/u743_seg1.svg" alt="u743_seg1"/>
        <img id="u743_seg2" class="img " src="images/4_1_手机号登录/u743_seg2.svg" alt="u743_seg2"/>
        <img id="u743_seg3" class="img " src="images/4_1_手机号登录/u743_seg3.svg" alt="u743_seg3"/>
        <img id="u743_seg4" class="img " src="images/4_1_手机号登录/u743_seg4.svg" alt="u743_seg4"/>
        <div id="u743_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u744" class="ax_default _文本段落">
        <div id="u744_div" class=""></div>
        <div id="u744_text" class="text ">
          <p><span style="color:#AAAAAA;">登录注册即表明您已阅读并同意</span><span style="color:#D7D7D7;"> </span><span style="color:#70B603;">用户协议</span><span> </span><span style="color:#AAAAAA;">和 </span><span style="color:#70B603;">隐私政策</span><span> </span><span style="color:#AAAAAA;">以及</span><span style="color:#D7D7D7;"> </span><span style="color:#70B603;">中国联通认证服务协议</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u745" class="ax_default _形状">
        <div id="u745_div" class=""></div>
        <div id="u745_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u746" class="ax_default _三级标题">
        <div id="u746_div" class=""></div>
        <div id="u746_text" class="text ">
          <p><span>其他手机号码登录</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u747" class="ax_default _三级标题">
        <div id="u747_div" class=""></div>
        <div id="u747_text" class="text ">
          <p><span>密码登录</span></p>
        </div>
      </div>

      <!-- Unnamed (形状) -->
      <div id="u748" class="ax_default label">
        <img id="u748_img" class="img " src="images/4_0_本机号码登录/u697.svg"/>
        <div id="u748_text" class="text ">
          <p><span>认证服务由中国联通提供</span></p>
        </div>
      </div>

      <!-- Unnamed (线段) -->
      <div id="u749" class="ax_default line">
        <img id="u749_img" class="img " src="images/4_1_手机号登录/u749.svg"/>
        <div id="u749_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (线段) -->
      <div id="u750" class="ax_default line">
        <img id="u750_img" class="img " src="images/4_1_手机号登录/u749.svg"/>
        <div id="u750_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u751" class="ax_default _三级标题">
        <div id="u751_div" class=""></div>
        <div id="u751_text" class="text ">
          <p><span>+86</span></p>
        </div>
      </div>

      <!-- Unnamed (SVG) -->
      <div id="u752" class="ax_default _图片_">
        <img id="u752_img" class="img " src="images/4_1_手机号登录/u752.svg"/>
        <div id="u752_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u753" class="ax_default _三级标题">
        <div id="u753_div" class=""></div>
        <div id="u753_text" class="text ">
          <p><span>请输入手机号</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u754" class="ax_default _三级标题">
        <div id="u754_div" class=""></div>
        <div id="u754_text" class="text ">
          <p><span>请输入6-16位密码</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u755" class="ax_default _三级标题">
        <div id="u755_div" class=""></div>
        <div id="u755_text" class="text ">
          <p><span>登录</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u756" class="ax_default _形状">
        <div id="u756_div" class=""></div>
        <div id="u756_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u757" class="ax_default _一级标题">
        <div id="u757_div" class=""></div>
        <div id="u757_text" class="text ">
          <p><span>手机号登录-号码密码输入</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u758" class="ax_default _文本段落">
        <div id="u758_div" class=""></div>
        <div id="u758_text" class="text ">
          <p><span style="color:#AAAAAA;">登录注册即表明您已阅读并同意</span><span style="color:#D7D7D7;"> </span><span style="color:#70B603;">用户协议</span><span> </span><span style="color:#AAAAAA;">和 </span><span style="color:#70B603;">隐私政策 </span></p>
        </div>
      </div>

      <!-- Unnamed (形状) -->
      <div id="u759" class="ax_default label">
        <img id="u759_img" class="img " src="images/4_1_手机号登录/u742.svg"/>
        <div id="u759_text" class="text ">
          <p><span>密码登录仅适用于已注册的用户</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u760" class="ax_default _三级标题">
        <div id="u760_div" class=""></div>
        <div id="u760_text" class="text ">
          <p><span>密码登录</span></p>
        </div>
      </div>

      <!-- Unnamed (线段) -->
      <div id="u761" class="ax_default line">
        <img id="u761_img" class="img " src="images/4_1_手机号登录/u749.svg"/>
        <div id="u761_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (线段) -->
      <div id="u762" class="ax_default line">
        <img id="u762_img" class="img " src="images/4_1_手机号登录/u749.svg"/>
        <div id="u762_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u763" class="ax_default _三级标题">
        <div id="u763_div" class=""></div>
        <div id="u763_text" class="text ">
          <p><span>+86</span></p>
        </div>
      </div>

      <!-- Unnamed (SVG) -->
      <div id="u764" class="ax_default _图片_">
        <img id="u764_img" class="img " src="images/4_1_手机号登录/u752.svg"/>
        <div id="u764_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u765" class="ax_default _三级标题">
        <div id="u765_div" class=""></div>
        <div id="u765_text" class="text ">
          <p><span>178111223344</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u766" class="ax_default _三级标题">
        <div id="u766_div" class=""></div>
        <div id="u766_text" class="text ">
          <p><span>............</span></p>
        </div>
      </div>

      <!-- Unnamed (形状) -->
      <div id="u767" class="ax_default icon">
        <img id="u767_img" class="img " src="images/4_1_手机号登录/u767.svg"/>
        <div id="u767_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (连接) -->
      <div id="u768" class="ax_default _连接线">
        <img id="u768_seg0" class="img " src="images/4_1_手机号登录/u768_seg0.svg" alt="u768_seg0"/>
        <img id="u768_seg1" class="img " src="images/4_1_手机号登录/u768_seg1.svg" alt="u768_seg1"/>
        <img id="u768_seg2" class="img " src="images/4_1_手机号登录/u768_seg2.svg" alt="u768_seg2"/>
        <img id="u768_seg3" class="img " src="images/4_1_手机号登录/u768_seg3.svg" alt="u768_seg3"/>
        <div id="u768_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u769" class="ax_default _形状">
        <div id="u769_div" class=""></div>
        <div id="u769_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u770" class="ax_default _三级标题">
        <div id="u770_div" class=""></div>
        <div id="u770_text" class="text ">
          <p><span>登录</span></p>
        </div>
      </div>

      <!-- Unnamed (连接) -->
      <div id="u771" class="ax_default _连接线">
        <img id="u771_seg0" class="img " src="images/4_1_手机号登录/u771_seg0.svg" alt="u771_seg0"/>
        <img id="u771_seg1" class="img " src="images/4_1_手机号登录/u771_seg1.svg" alt="u771_seg1"/>
        <img id="u771_seg2" class="img " src="images/4_1_手机号登录/u771_seg2.svg" alt="u771_seg2"/>
        <img id="u771_seg3" class="img " src="images/4_1_手机号登录/u771_seg3.svg" alt="u771_seg3"/>
        <div id="u771_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (圆形) -->
      <div id="u772" class="ax_default _形状">
        <img id="u772_img" class="img " src="images/4_1_手机号登录/u772.svg"/>
        <div id="u772_text" class="text ">
          <p><span>2</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u773" class="ax_default _一级标题">
        <div id="u773_div" class=""></div>
        <div id="u773_text" class="text ">
          <p><span style="color:#7F7F7F;vertical-align:sub;">3. 登录检测判断</span></p><p><span style="color:#7F7F7F;vertical-align:super;"><br></span></p><p><span style="color:#D9001B;vertical-align:sub;">a 判断手机号码是否输入争取</span></p><p><span style="color:#D9001B;vertical-align:sub;">b 输入密码是否符合密码要求 8-20 位</span></p><p><span style="color:#D9001B;vertical-align:sub;">c 判断手机号和密码是否正确，弹出提示</span></p><p><span style="color:#D9001B;vertical-align:sub;">d 判断手机号未注册，中心弹出信息提示手机号未注册，引导注册 查看标记3</span></p><p><span style="color:#7F7F7F;vertical-align:super;"><br></span></p><p><span style="color:#7F7F7F;vertical-align:super;">登录成功跳转到个人页面</span></p><p><span style="color:#7F7F7F;vertical-align:super;"><br></span></p>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u774" class="ax_default" data-left="2127" data-top="337" data-width="258" data-height="176">

        <!-- Unnamed (矩形) -->
        <div id="u775" class="ax_default box_2">
          <div id="u775_div" class=""></div>
          <div id="u775_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- Unnamed (线段) -->
        <div id="u776" class="ax_default line">
          <img id="u776_img" class="img " src="images/4_1_手机号登录/u776.svg"/>
          <div id="u776_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- Unnamed (垂直线) -->
        <div id="u777" class="ax_default line">
          <img id="u777_img" class="img " src="images/4_1_手机号登录/u777.svg"/>
          <div id="u777_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u778" class="ax_default _三级标题">
          <div id="u778_div" class=""></div>
          <div id="u778_text" class="text ">
            <p><span>手机号尚未注册</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u779" class="ax_default _三级标题">
          <div id="u779_div" class=""></div>
          <div id="u779_text" class="text ">
            <p><span>以后再说</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u780" class="ax_default _三级标题">
          <div id="u780_div" class=""></div>
          <div id="u780_text" class="text ">
            <p><span>立即注册</span></p>
          </div>
        </div>

        <!-- Unnamed (圆形) -->
        <div id="u781" class="ax_default _形状">
          <img id="u781_img" class="img " src="images/4_0_本机号码登录/u701.svg"/>
          <div id="u781_text" class="text ">
            <p><span>3</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u782" class="ax_default _三级标题">
          <div id="u782_div" class=""></div>
          <div id="u782_text" class="text ">
            <p><span>提示注册弹出框</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u783" class="ax_default label">
        <div id="u783_div" class=""></div>
        <div id="u783_text" class="text ">
          <p><span>忘记密码？</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u784" class="ax_default label">
        <div id="u784_div" class=""></div>
        <div id="u784_text" class="text ">
          <p><span>快捷注册</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u785" class="ax_default label">
        <div id="u785_div" class=""></div>
        <div id="u785_text" class="text ">
          <p><span>忘记密码？</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u786" class="ax_default label">
        <div id="u786_div" class=""></div>
        <div id="u786_text" class="text ">
          <p><span>验证码登录</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u787" class="ax_default label">
        <div id="u787_div" class=""></div>
        <div id="u787_text" class="text ">
          <p><span>快捷注册</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u788" class="ax_default label">
        <div id="u788_div" class=""></div>
        <div id="u788_text" class="text ">
          <p><span>验证码登录</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u789" class="ax_default _形状">
        <div id="u789_div" class=""></div>
        <div id="u789_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u790" class="ax_default _一级标题">
        <div id="u790_div" class=""></div>
        <div id="u790_text" class="text ">
          <p><span>2.手机号登录-验证码登录</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u791" class="ax_default _形状">
        <div id="u791_div" class=""></div>
        <div id="u791_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u792" class="ax_default _文本段落">
        <div id="u792_div" class=""></div>
        <div id="u792_text" class="text ">
          <p><span style="color:#AAAAAA;">登录注册即表明您已阅读并同意</span><span style="color:#D7D7D7;"> </span><span style="color:#70B603;">用户协议</span><span> </span><span style="color:#AAAAAA;">和 </span><span style="color:#70B603;">隐私政策 </span></p>
        </div>
      </div>

      <!-- Unnamed (形状) -->
      <div id="u793" class="ax_default label">
        <img id="u793_img" class="img " src="images/4_1_手机号登录/u793.svg"/>
        <div id="u793_text" class="text ">
          <p><span>未注册的手机号验证通过后将自动注册</span></p>
        </div>
      </div>

      <!-- Unnamed (连接) -->
      <div id="u794" class="ax_default _连接线">
        <img id="u794_seg0" class="img " src="images/4_1_手机号登录/u794_seg0.svg" alt="u794_seg0"/>
        <img id="u794_seg1" class="img " src="images/4_1_手机号登录/u794_seg1.svg" alt="u794_seg1"/>
        <img id="u794_seg2" class="img " src="images/4_1_手机号登录/u794_seg2.svg" alt="u794_seg2"/>
        <div id="u794_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u795" class="ax_default _三级标题">
        <div id="u795_div" class=""></div>
        <div id="u795_text" class="text ">
          <p><span>验证码登录</span></p>
        </div>
      </div>

      <!-- Unnamed (线段) -->
      <div id="u796" class="ax_default line">
        <img id="u796_img" class="img " src="images/4_1_手机号登录/u749.svg"/>
        <div id="u796_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (线段) -->
      <div id="u797" class="ax_default line">
        <img id="u797_img" class="img " src="images/4_1_手机号登录/u749.svg"/>
        <div id="u797_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u798" class="ax_default _三级标题">
        <div id="u798_div" class=""></div>
        <div id="u798_text" class="text ">
          <p><span>+86</span></p>
        </div>
      </div>

      <!-- Unnamed (SVG) -->
      <div id="u799" class="ax_default _图片_">
        <img id="u799_img" class="img " src="images/4_1_手机号登录/u752.svg"/>
        <div id="u799_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u800" class="ax_default _三级标题">
        <div id="u800_div" class=""></div>
        <div id="u800_text" class="text ">
          <p><span>请输入手机号</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u801" class="ax_default _三级标题">
        <div id="u801_div" class=""></div>
        <div id="u801_text" class="text ">
          <p><span>请输入验证码</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u802" class="ax_default _三级标题">
        <div id="u802_div" class=""></div>
        <div id="u802_text" class="text ">
          <p><span>登录</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u803" class="ax_default label">
        <div id="u803_div" class=""></div>
        <div id="u803_text" class="text ">
          <p><span>忘记密码？</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u804" class="ax_default label">
        <div id="u804_div" class=""></div>
        <div id="u804_text" class="text ">
          <p><span>快捷注册</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u805" class="ax_default label">
        <div id="u805_div" class=""></div>
        <div id="u805_text" class="text ">
          <p><span>密码登录</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u806" class="ax_default _形状">
        <div id="u806_div" class=""></div>
        <div id="u806_text" class="text ">
          <p><span>获取验证码</span></p>
        </div>
      </div>

      <!-- Unnamed (圆形) -->
      <div id="u807" class="ax_default _形状">
        <img id="u807_img" class="img " src="images/4_0_本机号码登录/u701.svg"/>
        <div id="u807_text" class="text ">
          <p><span>1</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u808" class="ax_default _形状">
        <div id="u808_div" class=""></div>
        <div id="u808_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u809" class="ax_default _一级标题">
        <div id="u809_div" class=""></div>
        <div id="u809_text" class="text ">
          <p><span>2.手机号登录-验证码登录</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u810" class="ax_default _文本段落">
        <div id="u810_div" class=""></div>
        <div id="u810_text" class="text ">
          <p><span style="color:#AAAAAA;">登录注册即表明您已阅读并同意</span><span style="color:#D7D7D7;"> </span><span style="color:#70B603;">用户协议</span><span> </span><span style="color:#AAAAAA;">和 </span><span style="color:#70B603;">隐私政策 </span></p>
        </div>
      </div>

      <!-- Unnamed (线段) -->
      <div id="u811" class="ax_default line">
        <img id="u811_img" class="img " src="images/4_1_手机号登录/u749.svg"/>
        <div id="u811_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (线段) -->
      <div id="u812" class="ax_default line">
        <img id="u812_img" class="img " src="images/4_1_手机号登录/u749.svg"/>
        <div id="u812_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u813" class="ax_default _三级标题">
        <div id="u813_div" class=""></div>
        <div id="u813_text" class="text ">
          <p><span>+86</span></p>
        </div>
      </div>

      <!-- Unnamed (SVG) -->
      <div id="u814" class="ax_default _图片_">
        <img id="u814_img" class="img " src="images/4_1_手机号登录/u752.svg"/>
        <div id="u814_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u815" class="ax_default _三级标题">
        <div id="u815_div" class=""></div>
        <div id="u815_text" class="text ">
          <p><span>178111223344</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u816" class="ax_default _三级标题">
        <div id="u816_div" class=""></div>
        <div id="u816_text" class="text ">
          <p><span>............</span></p>
        </div>
      </div>

      <!-- Unnamed (形状) -->
      <div id="u817" class="ax_default icon">
        <img id="u817_img" class="img " src="images/4_1_手机号登录/u767.svg"/>
        <div id="u817_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (连接) -->
      <div id="u818" class="ax_default _连接线">
        <img id="u818_seg0" class="img " src="images/4_1_手机号登录/u818_seg0.svg" alt="u818_seg0"/>
        <img id="u818_seg1" class="img " src="images/4_1_手机号登录/u818_seg1.svg" alt="u818_seg1"/>
        <img id="u818_seg2" class="img " src="images/4_1_手机号登录/u818_seg2.svg" alt="u818_seg2"/>
        <img id="u818_seg3" class="img " src="images/4_1_手机号登录/u818_seg3.svg" alt="u818_seg3"/>
        <div id="u818_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u819" class="ax_default _形状">
        <div id="u819_div" class=""></div>
        <div id="u819_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u820" class="ax_default _三级标题">
        <div id="u820_div" class=""></div>
        <div id="u820_text" class="text ">
          <p><span>登录</span></p>
        </div>
      </div>

      <!-- Unnamed (连接) -->
      <div id="u821" class="ax_default _连接线">
        <img id="u821_seg0" class="img " src="images/4_1_手机号登录/u821_seg0.svg" alt="u821_seg0"/>
        <img id="u821_seg1" class="img " src="images/4_1_手机号登录/u821_seg1.svg" alt="u821_seg1"/>
        <img id="u821_seg2" class="img " src="images/4_1_手机号登录/u821_seg2.svg" alt="u821_seg2"/>
        <img id="u821_seg3" class="img " src="images/4_1_手机号登录/u821_seg3.svg" alt="u821_seg3"/>
        <div id="u821_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u822" class="ax_default label">
        <div id="u822_div" class=""></div>
        <div id="u822_text" class="text ">
          <p><span>忘记密码？</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u823" class="ax_default label">
        <div id="u823_div" class=""></div>
        <div id="u823_text" class="text ">
          <p><span>密码登录</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u824" class="ax_default label">
        <div id="u824_div" class=""></div>
        <div id="u824_text" class="text ">
          <p><span>快捷注册</span></p>
        </div>
      </div>

      <!-- Unnamed (形状) -->
      <div id="u825" class="ax_default label">
        <img id="u825_img" class="img " src="images/4_1_手机号登录/u793.svg"/>
        <div id="u825_text" class="text ">
          <p><span>未注册的手机号验证通过后将自动注册</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u826" class="ax_default _三级标题">
        <div id="u826_div" class=""></div>
        <div id="u826_text" class="text ">
          <p><span>验证码登录</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u827" class="ax_default _形状">
        <div id="u827_div" class=""></div>
        <div id="u827_text" class="text ">
          <p><span>获取验证码</span></p>
        </div>
      </div>

      <!-- Unnamed (连接) -->
      <div id="u828" class="ax_default _连接线">
        <img id="u828_seg0" class="img " src="images/4_1_手机号登录/u828_seg0.svg" alt="u828_seg0"/>
        <img id="u828_seg1" class="img " src="images/4_1_手机号登录/u828_seg1.svg" alt="u828_seg1"/>
        <img id="u828_seg2" class="img " src="images/4_1_手机号登录/u828_seg2.svg" alt="u828_seg2"/>
        <img id="u828_seg3" class="img " src="images/4_1_手机号登录/u828_seg3.svg" alt="u828_seg3"/>
        <div id="u828_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (圆形) -->
      <div id="u829" class="ax_default _形状">
        <img id="u829_img" class="img " src="images/4_1_手机号登录/u772.svg"/>
        <div id="u829_text" class="text ">
          <p><span>4</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u830" class="ax_default _形状">
        <div id="u830_div" class=""></div>
        <div id="u830_text" class="text ">
          <p><span>56秒后重发</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u831" class="ax_default _形状">
        <div id="u831_div" class=""></div>
        <div id="u831_text" class="text ">
          <p><span>重新发送</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u832" class="ax_default _一级标题">
        <div id="u832_div" class=""></div>
        <div id="u832_text" class="text ">
          <p><span>4. 发送短信按钮</span></p><p><span>a 根据手机号是否填写，状态从禁止点击到可以点击</span></p><p><span>b. 点击后 1分钟倒计时，状态不可点击</span></p><p><span>c.&nbsp; 倒计时结束变成 可点状态重新发送</span></p><p><span><br></span></p>
        </div>
      </div>

      <!-- Unnamed (线段) -->
      <div id="u833" class="ax_default _水平线">
        <img id="u833_img" class="img " src="images/4_1_手机号登录/u833.svg"/>
        <div id="u833_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (圆形) -->
      <div id="u834" class="ax_default _形状">
        <img id="u834_img" class="img " src="images/4_0_本机号码登录/u701.svg"/>
        <div id="u834_text" class="text ">
          <p><span>1</span></p>
        </div>
      </div>

      <!-- Unnamed (圆形) -->
      <div id="u835" class="ax_default _形状">
        <img id="u835_img" class="img " src="images/4_1_手机号登录/u772.svg"/>
        <div id="u835_text" class="text ">
          <p><span>2</span></p>
        </div>
      </div>

      <!-- Unnamed (连接) -->
      <div id="u836" class="ax_default _连接线">
        <img id="u836_seg0" class="img " src="images/4_1_手机号登录/u836_seg0.svg" alt="u836_seg0"/>
        <img id="u836_seg1" class="img " src="images/4_1_手机号登录/u836_seg1.svg" alt="u836_seg1"/>
        <img id="u836_seg2" class="img " src="images/4_1_手机号登录/u836_seg2.svg" alt="u836_seg2"/>
        <img id="u836_seg3" class="img " src="images/4_1_手机号登录/u836_seg3.svg" alt="u836_seg3"/>
        <div id="u836_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (圆形) -->
      <div id="u837" class="ax_default _形状">
        <img id="u837_img" class="img " src="images/4_1_手机号登录/u772.svg"/>
        <div id="u837_text" class="text ">
          <p><span>5</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u838" class="ax_default _一级标题">
        <div id="u838_div" class=""></div>
        <div id="u838_text" class="text ">
          <p style="font-size:13px;"><span style="font-family:'PingFangHK-Regular', 'PingFang HK', sans-serif;color:#7F7F7F;">5.&nbsp; 直接注册功能</span></p><p style="font-size:12px;"><span style="font-family:'黑体', sans-serif;color:#7F7F7F;">未注册的手机号验证通过后将自动注册</span></p><p style="font-size:12px;"><span style="font-family:'黑体', sans-serif;color:#7F7F7F;"><br></span></p><p style="font-size:12px;"><span style="font-family:'黑体', sans-serif;color:#7F7F7F;"><br></span></p><p style="font-size:13px;"><span style="font-family:'PingFangHK-Regular', 'PingFang HK', sans-serif;color:#7F7F7F;">登录成功跳转到个人页面</span></p><p style="font-size:13px;"><span style="font-family:'PingFangHK-Regular', 'PingFang HK', sans-serif;color:#7F7F7F;"><br></span></p><p style="font-size:13px;"><span style="font-family:'PingFangHK-Regular', 'PingFang HK', sans-serif;color:#D9001B;">验证码错误要进行提醒</span></p><p style="font-size:13px;"><span style="font-family:'PingFangHK-Regular', 'PingFang HK', sans-serif;color:#7F7F7F;"><br></span></p><p style="font-size:13px;"><span style="font-family:'PingFangHK-Regular', 'PingFang HK', sans-serif;color:#7F7F7F;"><br></span></p><p style="font-size:13px;"><span style="font-family:'PingFangHK-Regular', 'PingFang HK', sans-serif;color:#7F7F7F;"><br></span></p>
        </div>
      </div>

      <!-- Unnamed (连接) -->
      <div id="u839" class="ax_default _连接线">
        <img id="u839_seg0" class="img " src="images/4_1_手机号登录/u839_seg0.svg" alt="u839_seg0"/>
        <img id="u839_seg1" class="img " src="images/4_1_手机号登录/u839_seg1.svg" alt="u839_seg1"/>
        <img id="u839_seg2" class="img " src="images/4_1_手机号登录/u839_seg2.svg" alt="u839_seg2"/>
        <div id="u839_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (连接) -->
      <div id="u840" class="ax_default _连接线">
        <img id="u840_seg0" class="img " src="images/4_1_手机号登录/u840_seg0.svg" alt="u840_seg0"/>
        <img id="u840_seg1" class="img " src="images/4_1_手机号登录/u840_seg1.svg" alt="u840_seg1"/>
        <img id="u840_seg2" class="img " src="images/4_1_手机号登录/u840_seg2.svg" alt="u840_seg2"/>
        <div id="u840_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u841" class="ax_default _形状">
        <div id="u841_div" class=""></div>
        <div id="u841_text" class="text ">
          <p style="font-size:14px;"><span style="font-family:'PingFangHK-Semibold', 'PingFang HK Semibold', 'PingFang HK', sans-serif;font-weight:650;">说明</span></p><p style="font-size:14px;"><span style="font-family:'PingFangHK-Regular', 'PingFang HK', sans-serif;font-weight:400;color:#999999;"><br></span></p><p style="font-size:13px;"><span style="font-family:'PingFangHK-Regular', 'PingFang HK', sans-serif;font-weight:400;color:#999999;">手机号登录分为密码登录 和短信登录两种</span></p><p style="font-size:13px;"><span style="font-family:'PingFangHK-Regular', 'PingFang HK', sans-serif;font-weight:400;color:#999999;">每种说明详见右侧说明文档</span></p><p style="font-size:13px;"><span style="font-family:'PingFangHK-Regular', 'PingFang HK', sans-serif;font-weight:400;color:#999999;"><br></span></p>
        </div>
      </div>
    </div>
    <script src="resources/scripts/axure/ios.js"></script>
  </body>
</html>
